body{
    background-image:url("https://img.wallpapersafari.com/desktop/1920/1080/7/61/c6IPoX.jpg");
} 


h1{
    text-align: center;
    color:red;
    text-shadow: 2px 2px black;
    font-size:70px;
   -webkit-text-stroke-width: 2px;
    -webkit-text-fill-color: yellow;
}
h3{
    color: white;
}

.logo{
    text-align:center;
}


nav{
    background-color:black;
     position:sticky;
     top:0px;
     display:grid;
    place-items:center;
    overflow:hidden;
    
 }
 
 
 nav ul{ 
     list-style-type:none;
 }
 nav ul a{
    
     display:inline-block;
     padding:20px;
     text-decoration: none;
     color:white;
     transition: 0.6s ease-in;
     }
 
 nav ul a:hover{
     background-color:red;
     color:white;
     font-size:20px;
     padding:20px;
    
 }
 .h-100 img:hover{
    transform:scale(2.10);
    transition:0.3s ease;
 }

 
 

 h6{
    text-align: center;
    color:white;
    text-shadow: 2px 2px black;
    }


h5{
    color:black;

}
    



    .chef img{
        text-align: center;
        max-width: 100%;
        display: block;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }

p{
    text-shadow: 2px 2px black;
    font-family:Arial, Helvetica, sans-serif;
    background-color:rgba(0, 0, 0, 0.466);
}

h2{
    color: black;
    
}


   


    .mb-4{
        color: white;
    }

 span{
    color:black;
    
 }

 .advertisement{
    text-align: center;
    max-width: 100%;
        display: block;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
 }



 

 * {
    box-sizing: border-box;
  }
  
.row{
    color:white
}


  .reviews {
    font-family: Arial;
    margin: 0 auto; /* Center website */
    max-width: 800px; /* Max width */
    padding: 20px;
  }
  
  .heading {
    font-size: 25px;
    margin-right: 25px;
  }
  
  .fa {
    font-size: 25px;
  }
  
  .checked {
    color: orange;
  }
  
  /* Three column layout */
  .side {
    float: left;
    width: 15%;
    margin-top:10px;
  }
  
  .middle {
    margin-top:10px;
    float: left;
    width: 70%;
  }
  
  /* Place text to the right */
  .right {
    text-align: right;
  }
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* The bar container */
  .bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
  }
  
  /* Individual bars */
  .bar-5 {width: 60%; height: 18px; background-color: #04AA6D;}
  .bar-4 {width: 30%; height: 18px; background-color: #2196F3;}
  .bar-3 {width: 10%; height: 18px; background-color: #00bcd4;}
  .bar-2 {width: 4%; height: 18px; background-color: #ff9800;}
  .bar-1 {width: 15%; height: 18px; background-color: #f44336;}
  
  /* Responsive layout - make the columns stack on top of each other instead of next to each other */
  @media (max-width: 400px) {
    .side, .middle {
      width: 100%;
    }
    .right {
      display: none;
    }


  }






  .fa {
    padding: 50px;
    font-size: 30px;
    width: 50px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    margin: 5px 5px;
    

    
  }

  .social media{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: auto;


  }
  
  .fa:hover {
      opacity: 0.7;
  }
  
  .fa-facebook {
    background: #3B5998;
    color: white;
  }
  
  .fa-twitter {
    background: #55ACEE;
    color: white;
  }
  
  
  
  
  
  .fa-youtube {
    background: #bb0000;
    color: white;
  }
  
  .fa-instagram {
    background: #125688;
    color: white;
  }